<!DOCTYPE html>
<html>
<head>
	<title>案例</title>
	<link rel="stylesheet" href="./css/index.css">
	<link rel="stylesheet" href="./css/swiper.min.css">
</head>
<body id="content">
	<script language="javascript" type="text/javascript" src="./js/header.js"></script>
	<!-- 案例演示 -->
	<div class="main">
		<div class="content">
			<div class="project">
				<div class="project_title">
					<h1>
						<span class="">-案例</span>
						<span class="font_item">展示-</span>
					</h1>
					<div class="hr_2"></div>
					<div class="project_info">
						5年专注，网站建设
						<div class="project_info_en">5 years focus, the website construction </div>
					</div>
				</div>

				<ul class="btn_nav">
					<li data-index="0" class="active">小程序</li>
					<li data-index="1">品牌官网</li>
					<li data-index="2">企业商城</li>
				</ul>
				<div class="anli">
					<div class="swiper-container" id="anli_swiper">
						<div class="swiper-wrapper">

							<div class="swiper-slide">
								<!-- 小程序 -->
								<div class="xcx_item"></div>
								<div class="xcx_item"></div>
								<div class="xcx_item"></div>
								<div class="xcx_item"></div>
								<div class="xcx_item"></div>
								<div class="xcx_item"></div>
							</div>
							<div class="swiper-slide">
								<!-- 品牌官网 -->
								<div class="gw_item">
									<div class="img">
										<img src="./img/web.jpg" alt="">
									</div>
									<div class="text">一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用</div>
								</div>

								<div class="gw_item">
									<div class="img">
										<img src="./img/web.jpg" alt="">
									</div>
									<div class="text">一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用</div>
								</div>

								<div class="gw_item">
									<div class="img">
										<img src="./img/web.jpg" alt="">
									</div>
									<div class="text">一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用</div>
								</div>

								<div class="gw_item">
									<div class="img">
										<img src="./img/web.jpg" alt="">
									</div>
									<div class="text">一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用</div>
								</div>

								<div class="gw_item">
									<div class="img">
										<img src="./img/web.jpg" alt="">
									</div>
									<div class="text">一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用</div>
								</div>

								<div class="gw_item">
									<div class="img">
										<img src="./img/web.jpg" alt="">
									</div>
									<div class="text">一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用</div>
								</div>

								<div class="gw_item">
									<div class="img">
										<img src="./img/web.jpg" alt="">
									</div>
									<div class="text">一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用</div>
								</div>

								<div class="gw_item">
									<div class="img">
										<img src="./img/web.jpg" alt="">
									</div>
									<div class="text">一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用</div>
								</div>

								<div class="gw_item">
									<div class="img">
										<img src="./img/web.jpg" alt="">
									</div>
									<div class="text">一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用</div>
								</div>
							</div>
							<div class="swiper-slide">
								<!-- 企业商城 -->
								<div class="gw_item">
									<div class="img">
										<img src="./img/web.jpg" alt="">
									</div>
									<div class="text">一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用</div>
								</div>

								<div class="gw_item">
									<div class="img">
										<img src="./img/web.jpg" alt="">
									</div>
									<div class="text">一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用</div>
								</div>

								<div class="gw_item">
									<div class="img">
										<img src="./img/web.jpg" alt="">
									</div>
									<div class="text">一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用</div>
								</div>

								<div class="gw_item">
									<div class="img">
										<img src="./img/web.jpg" alt="">
									</div>
									<div class="text">一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用</div>
								</div>

								<div class="gw_item">
									<div class="img">
										<img src="./img/web.jpg" alt="">
									</div>
									<div class="text">一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用</div>
								</div>

								<div class="gw_item">
									<div class="img">
										<img src="./img/web.jpg" alt="">
									</div>
									<div class="text">一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用</div>
								</div>

								<div class="gw_item">
									<div class="img">
										<img src="./img/web.jpg" alt="">
									</div>
									<div class="text">一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用</div>
								</div>

								<div class="gw_item">
									<div class="img">
										<img src="./img/web.jpg" alt="">
									</div>
									<div class="text">一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用</div>
								</div>

								<div class="gw_item">
									<div class="img">
										<img src="./img/web.jpg" alt="">
									</div>
									<div class="text">一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用</div>
								</div>
							</div>

						</div>
						<!-- Add Pagination -->
						<div class="swiper-pagination"></div>
					</div>
				</div>
				<div></div>
			</div>
		</div>
	</div>
	<script language="javascript" type="text/javascript" src="./js/footer.js"></script>
	<script src="./js/swiper.min.js"></script>
	<script src="./js/jquery.min.js"></script>
	<script src="./js/jquery.nicescroll.min.js"></script>
	<script>
		// 初始化案例
		var anli_swiper = new Swiper('#anli_swiper', {
			simulateTouch: false,//禁止鼠标模拟
			speed: 500,
		});
		$(".btn_nav li").click(function () {
			$(this).addClass("active").siblings(".active").removeClass("active")
			var k = $(this).attr("data-index");
			anli_swiper.slideTo(k, 500, function () {

			})
		})
	</script>
</body>
</html>